<!DOCTYPE html>
<html lang="cn">

<head>
	<title>刘光良的个人主页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta charset="utf-8" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
	<link href="css/animate.css" type="text/css" rel="stylesheet" media="all">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>

<body>
	<div id="bg-pad">
		<div id="whole-bg"></div>
	</div>
	<div id="mask" onclick="closeRightMenu()"></div>
	<section id="right-menu">
		<h4 class="font-weight-bold" style="color: rgba(255,255,255,1.00);float: left;">导航</h4>
		<h4 onclick="closeRightMenu()" id="close-btn" class="font-weight-bold" style="color: rgba(255,255,255,1.00)"> ╳
		</h4>
		<ul id="nav-items">
			<li class="nav_item" onclick="goTo('basic-info')">基本信息</li>
			<li class="nav_item" onclick="goTo('edu-bg')">教育背景</li>
			<li class="nav_item" onclick="goTo('hobby')">个人能力</li>
			<li class="nav_item" onclick="goTo('exp-honor')">实践荣誉</li>
			<li class="nav_item" onclick="goTo('tm')">自我评价</li>
			<li class="nav_item" onclick="goTo('more')">更多内容</li>
		</ul>
		<div id="ta">
			<p>正因为一朵看不见的花，星星是美丽的。<br />
				<p style="text-align: right;"> — — 埃克苏佩里 《小王子》 </p>
			</p>
		</div>
		<div id="btBar" class="bottom-bar">
			<p class="lookCount">访问数</p>
			<p class="lookCount">暂无数据</p>
			<p id="good" class="like" onclick="like(40)" style="line-height: 60px;">▲赞一个</p>
			<p id="notGood" class="like" onclick="like(100)" style="line-height: 60px;">▼踩一下</p>
		</div>
	</section>
	<header>
		<section class="main-banner">
			<nav class="nav">
				<p onclick="location.reload()" class="font-weight-bold logo">SILENCE</p>
				<p id="menu" onclick="openRightMenu()" class="font-weight-bold">◈</p>
			</nav>
			<header id="head_content">
				<div id="head_div">
					<img class="head-style"
						src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/t95hWcK0EBRMQ3k0dTnZ2i*GKnwvuOMN9t0b*SikqZk!/r/dL4AAAAAAAAA"
						alt="#">
					<p class="name-style text-light font-weight-bold">SILENCE PERSONAL PAGE</p>
					<h6 style="color: #FFFFFF" class="dis-style"> 这是一个简单的个人网站，2019年3月11日开始搭建。
						为了回顾HTML5的知识并进一步了解Bootstrap的用法， 我尝试使用Bootstrap的响应式开发框架制作了这个个人简历网站。<br />
						我将在这里进行详尽的自我介绍并通过这种方式不断进步。 <a class="a"
							href="https://github.com/xSILENCEx">Github:https://github.com/xSILENCEx</a>。 </h6>
				</div>
			</header>
			<div class="container" style="max-width: 1400px;margin: 0 auto;margin-bottom: 2%;">
				<div class="row">
					<article class="col-sm-4 disbox-style">
						<div id="basic-info" class="inbox-style">
							<h4 class="font-weight-bold" style="color: #FFFFFF">基本信息</h4>
							<br>
							<h6 style="color: #FFFFFF">姓名：刘光良</h6>
							<h6 style="color: #FFFFFF">性别：男</h6>
							<h6 style="color: #FFFFFF">年龄：22岁</h6>
							<h6 style="color: #FFFFFF">民族：汉</h6>
							<h6 style="color: #FFFFFF">籍贯：四川泸州</h6>
							<h6 style="color: #FFFFFF">实习时间：2019年7月</h6>
							<h6 style="color: #FFFFFF">毕业时间：2020年7月</h6>
						</div>
					</article>
					<article class="col-sm-4 disbox-style">
						<div class="inbox-style">
							<h4 class="font-weight-bold" style="color: #FFFFFF">求职意向</h4>
							<br>
							<h6 style="color: #FFFFFF">UI设计 </h6>
							<h6 style="color: #FFFFFF">Web前端</h6>
							<h6 style="color: #FFFFFF">Flutter应用开发</h6>
							<h6 style="color: #FFFFFF">Android前端</h6>
						</div>
					</article>
					<article class="col-sm-4 disbox-style">
						<div class="inbox-style">
							<h4 class="font-weight-bold" style="color: #FFFFFF">联系方式</h4>
							<br>
							<h6 style="color: #FFFFFF">手机1：182*****5312</h6>
							<h6 style="color: #FFFFFF">手机2：177*****9154</h6>
							<h6 style="color: #FFFFFF">邮箱1：l18281145312@gmail.com</h6>
							<h6 style="color: #FFFFFF">邮箱2：18281145312@163.com</h6>
							<h6 style="color: #FFFFFF">QQ号：894659061</h6>
							<h6 style="color: #FFFFFF">微信号：L894659061</h6>
						</div>
					</article>
				</div>
			</div>
		</section>
	</header>
	<section style="background-color: rgba(250, 250, 250, 1.00);">
		<div class="container sp-bg">
			<div id="spFlag" class="row sp-row">
				<div class="col-sm-3 special" onmouseover="overSP(this)" onmouseout="outSp(this)">
					<img src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/VuJR5QlCYcKL5l56TcDkJzavocqLhCrGAKaGROGAdEY!/r/dMIAAAAAAAAA"
						class="sp-box" alt="#">
					<h5 class="sp-text font-weight-bold">自驱动力</h5>
					<p class="sp-detail">有较强的自律能力，会主动学习新的知识技术和工具。</p>
				</div>
				<div class="col-sm-3 special" onmouseover="overSP(this)" onmouseout="outSp(this)">
					<img src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/YQ1rvKKISSbTXIaTz6r.8z2TGuWMesHQnnW.qE6AYUs!/r/dD4BAAAAAAAA"
						class="sp-box" alt="#">
					<h5 class="sp-text font-weight-bold">团队精神</h5>
					<p class="sp-detail">能听取团队中其他成员的意见或建议，并配合其他人进行高效率的设计与开发。</p>
				</div>
				<div class="col-sm-3 special" onmouseover="overSP(this)" onmouseout="outSp(this)">
					<img src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/AQhm5mHK81.3tZDD7StLZ2B*i9teGZ.VDxBl1K3CnD4!/r/dFYBAAAAAAAA"
						class="sp-box" alt="#">
					<h5 class="sp-text font-weight-bold">适应能力</h5>
					<p class="sp-detail">性格开朗，有学生干部经历，能迅速融入新的工作学习环境。</p>
				</div>
				<div class="col-sm-3 special" onmouseover="overSP(this)" onmouseout="outSp(this)">
					<img src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/Y1E8uKkpMmGXoLS3y2I4y8sF*fgBsVTwdSWweE7vXPU!/r/dL8AAAAAAAAA"
						class="sp-box" alt="#">
					<h5 class="sp-text font-weight-bold">执行能力</h5>
					<p class="sp-detail">能迅速完成被交付任务，在感兴趣和擅长的领域能更好地完成任务。</p>
				</div>
			</div>
		</div>
		<div class="container" style="max-width: 1400px;margin: 0 auto;">
			<div class="row" style="padding-left: 15px;padding-right: 15px;">
				<div id="edu-pic" class="col-sm-6"></div>
				<div id="edu-dis" class="col-sm-6">
					<div class="container-fluid">
						<div class="row">
							<h4 class="font-weight-bold col-sm-12" style="color: rgba(88,88,88,1.00)">教育背景</h4>
						</div>
					</div>
					<br>
					<div class="container-fluid">
						<div class="row">
							<h6 class="col-sm-4 font-weight-bold">2016-2020</h6>
							<h6 class="col-sm-8">四川民族学院 计算机科学与技术 本科</h6>
						</div>
					</div>
					<div class="container-fluid">
						<div class="row">
							<h6 class="col-sm-4 font-weight-bold">2016-2017</h6>
							<h6 class="col-sm-8">专业三等奖学金</h6>
						</div>
					</div>
					<div class="container-fluid">
						<div class="row">
							<h6 class="col-sm-4 font-weight-bold">2016.12</h6>
							<h6 class="col-sm-8">普通话二级甲等</h6>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="hobby-skill container" style="max-width: 1400px;margin: 0 auto;">
			<h4 id="edu-bg" class="font-weight-bold">兴趣爱好与个人能力</h4>
		</div>
		<div class="container" style="max-width: 1400px;margin: 0 auto;">
			<div class="row" style="padding-left: 10px;padding-right: 10px;">
				<div id="hobby" class="col-sm-6" style="padding: 0;">
					<div class="hobby-item-box" style="width: 40%;height: 240px;">
						<div class="hobby-item ht1">
							<p class="hobby-title">绘画</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">阅读</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">游戏</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">运动</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht1">
							<p class="hobby-title">云吸猫</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 240px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">电影</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">书法</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">音乐</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">动漫</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">摄影</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht1">
							<p class="hobby-title">剪辑</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6" style="padding:0">
					<div class="hobby-item-box" style="width: 20%;height: 240px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">AI</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 240px;">
						<div class="hobby-item ht1">
							<p class="hobby-title">PHOTOSHOP</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">AE</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">JAVA</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht1">
							<p class="hobby-title">FLASH</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">CSS</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">JS</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">FLUTTER</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht1">
							<p class="hobby-title">HTML5</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 40%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">ANDROID</p>
						</div>
					</div>
					<div class="hobby-item-box" style="width: 20%;height: 120px;">
						<div class="hobby-item ht2">
							<p class="hobby-title">C/C++</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container" style="max-width: 1400px;margin: 0 auto;margin-top: 80px;">
			<div class="row">
				<div class="col-sm-6" style="margin-top: 20px;">
					<div class="exp">
						<img style="width: 100%;"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/0mkvVC8XByx8V5bO.jnMc.BQ*MToO1JeLkh9CUxIaIU!/r/dEgBAAAAAAAA" />
						<div class="exp-con">
							<div class="exp-icon">
								<p style="line-height: 80px;font-size: 40px;color: rgba(103, 54, 50,1.00);">♜</p>
							</div>
							<h4 class="font-weight-bold" style="color: rgba(255,255,255,1.00);line-height: 40px;">校内实践
							</h4>
							<h6 style="color: rgba(100,100,100,1.00);line-height: 30px;">学生干部经历和项目经历</h6>
						</div>
						<div style="padding: 20px;padding-top: 0px;">
							<div class="row">
								<h6 class="col-sm-3 font-weight-bold">2017-2018</h6>
								<h6 class="col-sm-9">理工学院科技创新部副部长，负责学院大型活动的PPT制作，节目视频制作，海报设计等。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 class="col-sm-3 font-weight-bold">2018-2019</h6>
								<h6 class="col-sm-9">宣传委员，负责班会等活动的素材采集，简报编辑。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 id="exp-honor" class="col-sm-3 font-weight-bold">2018至今</h6>
								<h6 class="col-sm-9">大学生创新创业项目APP客户端负责人，负责APP的UI设计，人机交互，代码编写。</h6>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-6" style="margin-top: 20px;">
					<div class="exp">
						<img style="width: 100%;"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/y34WOfh1DCgpBVIGM3KeXgpxiFtyu*cvjb38bbwEuIU!/r/dL4AAAAAAAAA" />
						<div class="exp-con">
							<div class="exp-icon">
								<p style="line-height: 80px;font-size: 40px;color: rgba(103, 54, 50,1.00);">♛</p>
							</div>
							<h4 class="font-weight-bold" style="color: rgba(255,255,255,1.00);line-height: 40px;">奖项荣誉
							</h4>
							<h6 style="color: rgba(100,100,100,1.00);line-height: 30px;">参加各类比赛获得的奖项</h6>
						</div>
						<div style="padding: 20px;padding-top: 0px;">
							<div class="row">
								<h6 class="col-sm-3 font-weight-bold">2017.12</h6>
								<h6 class="col-sm-9">校第三届记者节视频制作一等奖。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 class="col-sm-3 font-weight-bold">2018.3</h6>
								<h6 class="col-sm-9">蓝桥杯软件设计省赛C/C++B组二等奖。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 class="col-sm-3 font-weight-bold">2018.4</h6>
								<h6 class="col-sm-9">学院公寓文化节PPT大赛一等奖。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 class="col-sm-3 font-weight-bold">2018.4</h6>
								<h6 class="col-sm-9">学院公寓文化节绘画大赛一等奖。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 class="col-sm-3 font-weight-bold">2018.12</h6>
								<h6 class="col-sm-9">学院第二届多媒体设计Flash动画设计一等奖。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 class="col-sm-3 font-weight-bold">2018.12</h6>
								<h6 class="col-sm-9">学院第二届多媒体设计海报设计二等奖。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 class="col-sm-3 font-weight-bold">2018.12</h6>
								<h6 class="col-sm-9">校“预防艾滋”主题活动绘画类作品二等奖。</h6>
							</div>
							<div class="row" style="padding-top: 20px;">
								<h6 class="col-sm-3 font-weight-bold">2018.12</h6>
								<h6 class="col-sm-9">校“预防艾滋”主题活动PPT制作一等奖。</h6>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="hobby-skill" style="max-width: 1400px;margin: 0 auto;">
			<h4 class="font-weight-bold">自我评价</h4>
		</div>
		<div style="max-width: 1400px;margin: 0 auto;padding-left: 15px;padding-right: 15px;">
			<div class="talk-myself">
				<h6 style="line-height: 26px;font-weight: 500;"> &nbsp;&nbsp;&nbsp;&nbsp; 对自己感兴趣的事有十二分的专注。
					工作认真负责，极少拖延；对自己比较苛刻，有完美主义倾向； 能长期坚持做一件事，不会三分钟热度；具有良好的自适应力， 在各种环境中都能很快融入。热爱绘画，热爱技术，学习能力强。 </h6>
			</div>
		</div>
		<div id="tm" style="height: 20px;"></div>
		<div style="max-width: 1400px;margin: 0 auto;padding: 15px;">
			<div class="more">
				<div class="hobby-skill">
					<h4 class="font-weight-bold">部分美术作品</h4>
				</div>
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/9TBbfwzJxCp15znetSZwWcMJS7jvZyt0rI2Dxt5Iprc!/r/dFIBAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L3aatnX/NlLUoEAXknqMdGKNKpoVVamuv7nFqIKKyWNRu4ZzQpo!/r/dD4BAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div id="more" class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/zRvrnjVguY4KhsPlOTZdjraayACnH4EAXILs3usDLDM!/r/dLkAAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L0PukGF/SiMGHVVgScEDfs1anQvWCAPOxYOipl7srip*N8X*MOE!/r/dPQAAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/Dv2FYi4YbDx24IF1h7M6ANoHbTXf3b28JuZfoOSF71s!/r/dFIBAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L0PukGF/QeG*qT*VaA4bSIO47IKvzSFjOVKHdCvM2FFV7TOSU8M!/r/dPQAAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/Id1CncNAE.h.CiIXPZ3i*duwO5SQnVKvA5oNyswaT*I!/r/dFQBAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L0PukGF/3osnjFcltETmvBVF.ncgaLumk5zNxJdmuMPzQjytq50!/r/dG4AAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/S7dS3BBL.5iSPtcWu4LlvXlbIkxbqjiYDWxk137CIG0!/r/dL8AAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L0PukGF/r4VMc5HEt0BXibU8pR7S7chNB9oDoe2tkbtUncifqKY!/r/dNoAAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/3yO8f4pj9aW49MxHaM*ANwrD4T*ZjyY3UoNOSpKYdTs!/r/dL4AAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L3zVoBe/omMq8aLHp0pxdbvPLYYxCAL*h.SMLxTtOQOmRKYoGs8!/r/dFMBAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/kI2I6*Kb*2MpmKVB7QQxVx9P8szQWxFQFgu1AinXfRY!/r/dL8AAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L3aatnX/dKb9RsnaRtT0.AKksFtefM1FoqtwJfaRhj4dzvb0s8k!/r/dPIAAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/4XXW8EUNbksOGuEn6wLljQ5YECE1YqDwug*Gj2JbsyI!/r/dFIBAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L3aatnX/PUDfjzNkthEj7kvoBF2eHXJ1C0*x.wNWhX7DntvAVDM!/r/dGYBAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="hobby-skill" style="padding-top: 60px;">
					<h4 class="font-weight-bold">部分摄影作品</h4>
				</div>
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/H14HpCDsG5mYaYXE0cYitucsqi7cmsAEEuRbKRQHxMk!/r/dL8AAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L1Zzonv/gDLmMIiDCPHxbhliSw2rWseKJZWyQay5yGM*LvwEaeE!/r/dDcBAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/es*vN6nD2KQl7*fdgCDhXE8kfeT04z8Wy5xktKFcs9M!/r/dFMBAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L1Zzonv/6kWZEZYwKeYolnf1NWB39bLA9TkqCHPWkqM7voGmVDg!/r/dL8AAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/S4eun6ANVnxkv95YW3N4fr57WVvKI4zFIeL*r5QGieY!/r/dLYAAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L1Zzonv/OThJRnHhwBHS3yGFETqL*z0QpIwH6UUUt5o4kcHVMwg!/r/dL8AAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/H8poQ0if2Yfn4bkPHK7gmFZsJpiYUk8aVviVBe9ECFM!/r/dFIBAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L1Zzonv/DofasybX7CBJDqewn4fsd1aK1shxVYYNMXIplxSr7SI!/r/dL8AAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/PRAn8C0rgWLg0b6NGZ*I7TTLO*pD22PZHpxd6eHnPww!/r/dFMBAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L1Zzonv/m6i4YMxWmNYyEYqPpGdbwgbTvvPm4uh6ZBVblLmerI4!/r/dFMBAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/YOOXzIa7CvpDf7LqqjjaQM7SEKl43Y6kqKYgP2UJK.Y!/r/dL4AAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L1Zzonv/I9fKuyAdyul9BvHqVf8P0ZmbxwUjTryI0hRALBkAyvc!/r/dL4AAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/Vx*0Oi6w1Bz.XwKzcP2Y3vWH9R.YEK3ZyRn.Fg2X0Os!/r/dL4AAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L1Zzonv/fajS0f091KxxdEHqLoaFp6ImE0hWJeH.LhT8bj7Kn4U!/r/dLYAAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="paint-view-bg"
								style="background: url('http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/jfS3Wk2vds4QvcPYpE0WODR6Gw0jM0TJDuZCNoixVDQ!/r/dLYAAAAAAAAA') no-repeat center center;">
								<div class="paint-view">
									<a class="paint-a" style="text-decoration: none;"
										href="http://r.photo.store.qq.com/psb?/V14GUp6L1Zzonv/Yt4XxaQlpvpyMdGKxAc3ZQG*AbRN4AMZEjEiQzduYuQ!/r/dL4AAAAAAAAA">
										查看原图 </a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="hobby-skill" style="padding-top: 60px;padding-bottom: 60px;">
					<h4 class="font-weight-bold">部分软件作品</h4>
				</div>
				<div class="container-fluid" style="max-width: 1400px;margin: 0 auto;">
					<div class="row">
						<div class="col-sm-4" style="padding: 20px;">
							<div class="app-bg">
								<img class="app-img" alt="#"
									src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/vJD0B5G361lgx8GsnYkfos4K83pxYf7ZAjmdeKbb4HQ!/r/dFMBAAAAAAAA">
								<h5 style="margin: 20px">MagicChat魔聊</h5>
								<p style="padding-left: 10%;padding-right: 10%;font-size: 14px;">
									从图标到界面都独立设计独立编写的简单的聊天软件。只有群聊功能，服务器数据库已过期，暂时无法登录。后续会修复。</p>
								<a href="https://github.com/xSILENCEx/flutter_chat" style="text-decoration: none">
									<div class="bt-style">项目地址</div>
								</a>
							</div>
						</div>
						<div class="col-sm-4" style="padding: 20px;">
							<div class="app-bg">
								<img class="app-img" alt="#"
									src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/j6lhF6H1nwO17JDEP*zaagA.xLrt4EgOPC9yI56fD5w!/r/dFIBAAAAAAAA">
								<h5 style="margin: 20px">FlashHelp闪帮</h5>
								<p style="padding-left: 10%;padding-right: 10%;font-size: 14px;">
									简单的大学生APP创新创业项目。客户端的UI设计，程序编写都是本人独立完成。目前为基础测试版本，欢迎下载体验。服务器带宽限制，下载可能较慢。</p>
								<a href="http://www.flashhelp.cn" style="text-decoration: none">
									<div class="bt-style">官方网站</div>
								</a> <a href="https://github.com/xSILENCEx/flash_help/raw/master/preview/fh.apk"
									style="text-decoration: none">
									<div class="bt-style">下载体验</div>
								</a> <a href="https://github.com/xSILENCEx/flash_help" style="text-decoration: none">
									<div class="bt-style">项目地址</div>
								</a>
							</div>
						</div>
						<div class="col-sm-4" style="padding: 20px;">
							<div class="app-bg">
								<img class="app-img" alt="#"
									src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/YZH6pQ0GE.9G3a.93EZFp5vGvbVlDoYlbapwtShQBls!/r/dFIBAAAAAAAA">
								<h5 style="margin: 20px">SimplePainter画板</h5>
								<p style="padding-left: 10%;padding-right: 10%;font-size: 14px;">
									大二课堂作业成品，一个简单的绘画软件，支持各种基础绘制，欢迎下载体验。服务器带宽限制，下载可能较慢。</p>
								<a href="https://github.com/xSILENCEx/Simple_Painter/raw/master/app/release/sp2.0.1.apk"
									style="text-decoration: none">
									<div class="bt-style">下载体验</div>
								</a> <a href="https://github.com/xSILENCEx/Simple_Painter"
									style="text-decoration: none">
									<div class="bt-style">项目地址</div>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="hobby-skill" style="padding-top: 60px;">
					<h4 class="font-weight-bold">部分海报作品</h4>
				</div>
				<div class="container-fluid" style="max-width: 1400px;margin: 0 auto;">
					<div class="row">
						<div class="col-sm-3">
							<a
								href="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/diCbK4oYJjgSMysEjOAbHcLOGtycUu9I0PyT4FnWt3I!/r/dFIBAAAAAAAA">
								<img alt="#" class="poster"
									src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/ItDPhEXNed1Hzz2CUua6agpkJwxYfzDW3JzCTw7weC8!/r/dLYAAAAAAAAA">
							</a>
						</div>
						<div class="col-sm-3">
							<a
								href="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/506qqQGWOirX3XHqB6ZqQCwpv1zEhW6.RlhxVpnGkQA!/r/dFIBAAAAAAAA"><img
									class="poster"
									src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/dmStrXpJUyjzGlLC4WzJZq5WNj5r6sAVYt9C.c28eMc!/r/dDQBAAAAAAAA"></a>
						</div>
						<div class="col-sm-3">
							<a
								href="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/*CeJEzK2uMaHVhURtUVUUakpJc..gL*30kkErOzSGGI!/r/dFMBAAAAAAAA"><img
									class="poster"
									src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/VF1B46diD5FuQw1YPcv.5e1AgV.XUzQOUW5Tv3YUv6s!/r/dL8AAAAAAAAA"></a>
						</div>
						<div class="col-sm-3">
							<a
								href="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/PcMF3WsJU5NrrpWobusX5po0Jv78k0OULGaT3j3U9TA!/r/dFIBAAAAAAAA"><img
									class="poster"
									src="http://r.photo.store.qq.com/psb?/V14GUp6L3HWqZK/RDzcb1.S3FDPCSqlxbreMjIIlYouayJl6mnaO6LkxMA!/r/dLgAAAAAAAAA"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<div id="footBox"></div>
	<footer id="footer">
		<h3 class="font-weight-bold" style="color: rgba(255,255,255,1.00);text-align: center;margin: 40px">生活再难也要仰望星空
		</h3>
		<p style="color: rgba(255,255,255,1.00);text-align: center;margin: 40px;font-size: 14px;">
			此网站为从零开始搭建的个人原创网站，非模板，Github有完整的提交记录，<br> 版权归SILENCE个人所有。 未经作者同意禁止二改或用于商业活动，盗用必究！<br> Reserved.项目地址 <a
				class="a" href="https://github.com/xSILENCEx/xSILENCEx.github.io" style="text-decoration: none">
				github.com/xSILENCEx/xSILENCEx.github.io </a>
		</p>
		<p style="color: rgba(250,250,250,1.00);text-align: center;font-size: 10px;"> Copyright © 2019 liu. All rights
			reserved.蜀ICP备19010209号 </p>
	</footer>
	<script src="js/main.js"></script>
	<script src="js/animation.js"></script>
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
		integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
		integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
	</script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
		integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
	</script>
</body>

</html>